#{extends 'mainStage.html' /}
#{set title:'Déposer une candidature' /}
   
<h3>D&eacute;tails pour la candidature sur le stage ${stage}</h3>
     
#{form @deposerCandidature()}

#{field 'idStage'}
		<input type="hidden" name="idStage" id="idStage" value="${stage.id}" />
#{/field}
	
 	 <p>
 	 #{field 'logement'}
    	<label for="logement">Demande de logemement pour le stage : </label>
    	<input type="checkbox" id="logement" name="logement" onclick="var str='Attention cette demande g&eacute;n&egrave;re une r&eacute;servation de chambre d\'h&ocirc;tel.'; window.alert(str);"/>
    #{/field}
    </p>
 	<p>
 		#{field 'candidPartielle'}
 		<label for="candidPartielle">Candidature uniquement pour les examens :</label>
 		<input type="checkbox" id="candidPartielle" name="candidPartielle" onclick="testCoche()"/>	
 		#{/field}
 	</p>
 	<br/>
 	<p>
 	<div id="uv_cache">
		Liste des UV du stage :
		#{list items:stage.intitule.uVs, as:'uv'}
			<p>
				<label for="${uv.nom}">${uv.nom} :</label>
				<input type="checkBox" id="checkB" name="${uv.nom}"/>
			</p>
		#{/list}
	</div>
	</p>
<p>
	#{field 'motivation'} <label for="motivation">Motivation* :</label>
	<textarea name="motivation" id="motivation" value="${c?.motivation}"></textarea>
	#{/field}
</p>
<p>
	<label for="role">R&ocirc;le * :</label>
	#{select 'role', items:roles, id:'role', onchange:'afficher();'}
	#{option 0}-- Choisir une valeur --#{/option}
	#{/select}
</p>

<div id="champ_cache">
	<p>
		#{field 'precisiondate'} <label for="precisionDate">Date de
			disponibilit&eacute; :</label>
		<textarea name="precisionDate" id="precisionDate">${c?.precisiondate}</textarea>
		#{/field}
	</p>
</div>
<p><p style="margin-top:30px">    
        <center><input type="submit" value="Enregistrer la candidature" /></center>
    </p>
    <p><i>* Champs obligatoires<i></p>
#{/form}

<script type="text/javascript">

	document.getElementById("uv_cache").style.display = "none";

	function testCoche() {
		var coche = document.getElementsByName("candidPartielle").item(0).checked;
		if (coche) {
			document.getElementById("uv_cache").style.display = "block";
		} else {
			document.getElementById("uv_cache").style.display = "none";
		}
	}

	document.getElementById("champ_cache").style.display = "none";

	function afficher() {
		if (document.getElementById("role").options[document
				.getElementById("role").selectedIndex].text != 'Stagiaire') {
			document.getElementById("champ_cache").style.display = "block";
		} else {
			document.getElementById("champ_cache").style.display = "none";
		}
	}
</script>